.comentario-burbuja {
    position: relative;
    background: #f3f2f2;
    border-radius: 15px;
    padding: 10px 15px;
    margin-bottom: 25px;
    max-width: 50%;
    box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}

.comentario-burbuja::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #f1f1f1;
    border-bottom: 0;
    margin-left: -5px;
    margin-bottom: -10px;
}

.comentario-usuario {
    margin-bottom: 5px;
}

.comentario-derecha {
    margin-left: auto;
    margin-right: 40px;
}

.comentario-derecha::after {
    left: auto;
    right: 20px;
}

.estrellas {
    color: gold;
    font-size: 1.5rem;
}

.texto-limitado {
  max-height: 4.5em; /* 3 líneas de 1.5em */
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

.texto-completo {
  max-height: none;
}

@media (max-width: 768px) {
  .comentario-burbuja {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 10px 12px;
  }

  .comentario-burbuja::after {
    left: 15px; /* se centra mejor en mobile */
    margin-left: -5px;
  }

  .comentario-derecha {
    margin-right: 0;
  }

  .comentario-derecha::after {
    right: 15px;
  }
}